<template>
    <div class="infinite-container">
        <mu-row class="bgwhite confirm-wrapper">
          <mu-col width="100">
            <div class="confirm-icon">
              <i class="iconfont icon-success"></i>
            </div>
            <div class="confirm-success">支付成功</div>
          </mu-col>
        </mu-row>
        <section class="login mt20">
          <mu-raised-button  label="查看我的预约" primary fullWidth class=" btn-login" :to="'/appointment/history?appointType='+appointType"></mu-raised-button> 
        </section>
    </div>
</template>

<script>
export default {
  mounted () {
    this.$store.commit('UPDATE_TITLE', '支付成功')
  },
  data () {
    return {
      appointType: localStorage.appointType
    }
  },
  beforeDestroy () {
    this.$store.commit('UPDATE_TITLE')
  }
}
</script>
<style lang="less">
@import '../../common/css/vars.less';
.confirm-wrapper {
  padding:0;
  .confirm-icon {
    text-align: center;
    .iconfont {
      color: @color-success;
      font-size: 4em;
    }
  }
    .confirm-success {
    font-size: 2em;
    text-align: center;
    color: @color-gray;
    padding-bottom: 1em;    
  }
}
</style>
